1 00:00:02,150 --> 00:00:12,080 That's when you login into your instance, but it is some substantial amount of work, quite, quite 2 00:00:12,080 --> 00:00:15,880 some work, and that is if you need to do your own custom theme. 3 00:00:16,580 --> 00:00:22,750 But if you want to install teams that have already been done by other developers, you can do that. 4 00:00:22,860 --> 00:00:25,910 There are quite a few that are not yet. 5 00:00:25,940 --> 00:00:29,530 They are not too many, but they are some that are fully developed. 6 00:00:29,540 --> 00:00:35,410 If you go to Google sites and just touch you up your next customer themes, you are going to find them. 7 00:00:36,770 --> 00:00:38,530 They are developed as apps. 8 00:00:38,990 --> 00:00:45,910 So for the people who have concentrated to do that, they have developed apps so you can just install 9 00:00:45,950 --> 00:00:56,360 a bench, get up, whatever, then bench your site, install up whatever you have downloaded on our 10 00:00:56,360 --> 00:00:56,960 kids here. 11 00:00:56,960 --> 00:01:02,780 It is not in the scope of of doing our custom theme. 12 00:01:03,770 --> 00:01:09,140 For the desk, what we have in scope is the theme for the front end. 13 00:01:11,480 --> 00:01:14,110 So so, yes, we are going to be customizing the front end. 14 00:01:14,130 --> 00:01:18,420 We're going to be installing our own theme on the front end, but not on the market. 15 00:01:20,450 --> 00:01:23,810 I didn't get you the theme back. 16 00:01:23,830 --> 00:01:25,970 And then what is the theme from then? 17 00:01:27,450 --> 00:01:34,280 OK, so let me let me let me share my screen so that I can show you what those two terms mean. 18 00:01:34,640 --> 00:01:35,510 Share this. 19 00:01:39,430 --> 00:01:40,960 Now you can see my screen. 20 00:01:41,800 --> 00:01:42,640 Yes, yes. 21 00:01:43,660 --> 00:01:47,230 OK, so let me walk out here. 22 00:01:48,980 --> 00:01:50,030 This is the front end. 23 00:01:51,370 --> 00:01:58,210 OK, you see what the front end, basically, it means what every user who is not logged in will see. 24 00:01:59,800 --> 00:02:01,310 This is what we call the front end. 25 00:02:01,660 --> 00:02:08,590 So if it's in our library application, we wanted maybe people to be able to search books or to such 26 00:02:08,590 --> 00:02:09,250 articles. 27 00:02:10,090 --> 00:02:12,180 This is where are going to display the articles. 28 00:02:12,670 --> 00:02:18,910 Of course, not everybody will come into our system and with the log, with the login details, then 29 00:02:18,910 --> 00:02:24,050 maybe for our library manager or whoever is adding articles into the into the system. 30 00:02:24,070 --> 00:02:26,860 Now that one has a log in, the log in. 31 00:02:28,300 --> 00:02:35,110 This is what is called the back end, so everything here, everything you see after you have logged 32 00:02:35,110 --> 00:02:36,160 in is the back end. 33 00:02:37,090 --> 00:02:39,450 Everything you see before you log in is the front end. 34 00:02:39,460 --> 00:02:41,590 So we are going to be customizing the front end. 35 00:02:41,800 --> 00:02:47,200 We are not going to be touching back end for this in this series. 36 00:02:49,030 --> 00:02:49,420 Great. 37 00:02:49,630 --> 00:02:50,270 Excellent. 38 00:02:52,780 --> 00:02:54,730 But like I said, they are so mean. 39 00:02:54,740 --> 00:03:07,750 If you go to IRP legs, Vimes, if you if you if you Google that here you see this next 2012 and it's 40 00:03:07,930 --> 00:03:13,410 footage of us on 13 together we have we have one here for a bunch of 18. 41 00:03:13,660 --> 00:03:14,800 So if you open it. 42 00:03:16,240 --> 00:03:21,120 I think it's on GitHub, so this is version 12. 43 00:03:22,360 --> 00:03:24,210 We must have on the team for this. 44 00:03:24,820 --> 00:03:27,900 So this is 12. 45 00:03:28,150 --> 00:03:32,200 So if you sign it, you're going to find them and then they are they are upset. 46 00:03:32,530 --> 00:03:33,550 Yeah, here it is. 47 00:03:33,980 --> 00:03:40,730 There are the apps that you can just do not like any other upon your instance. 48 00:03:42,590 --> 00:03:43,010 Yeah. 49 00:03:43,500 --> 00:03:43,930 Yes. 50 00:03:44,110 --> 00:03:47,920 So which technology they use to create an custom theme. 51 00:03:49,860 --> 00:03:54,240 Arms are created basically using HTML cyesis in JavaScript. 52 00:03:54,720 --> 00:03:55,260 OK. 53 00:03:55,590 --> 00:03:56,810 Yeah, it's the emails. 54 00:03:56,820 --> 00:03:57,810 Yes, JavaScript. 55 00:03:58,810 --> 00:03:59,230 Great. 56 00:03:59,800 --> 00:04:00,140 Yes. 57 00:04:00,580 --> 00:04:01,420 OK, fine. 58 00:04:01,500 --> 00:04:09,250 Uh, this is for Hamdallah questions the last time, and it. 59 00:04:10,690 --> 00:04:12,370 OK, let's get a question. 60 00:04:12,730 --> 00:04:19,950 So, guys, if you have a question from a previous topic or we shall start the today's topic. 61 00:04:24,070 --> 00:04:24,740 OK. 62 00:04:26,530 --> 00:04:31,390 OK, so there is no question let's start, uh, today's topic. 63 00:04:31,430 --> 00:04:34,660 Uh, can you introduce the agenda? 64 00:04:36,280 --> 00:04:36,760 Yes. 65 00:04:38,520 --> 00:04:39,130 Yes, go ahead. 66 00:04:40,480 --> 00:04:40,760 OK. 67 00:04:41,410 --> 00:04:46,090 OK, so today we are going to be looking at creating custom pages. 68 00:04:46,120 --> 00:04:54,940 The reason I jumped to this is because they are kind of dependent on this like ups and adding a bootstrap 69 00:04:54,940 --> 00:04:59,250 theme to our front end, this kind of dependent on this. 70 00:04:59,260 --> 00:05:05,440 So if we understand how custom pages are created, this, these are going to be easy topics to to take. 71 00:05:06,040 --> 00:05:12,370 So today we are going to look at how to add your own pages inside the Frappé framework and of course, 72 00:05:12,910 --> 00:05:13,680 Europeanist. 73 00:05:13,720 --> 00:05:14,200 So. 74 00:05:15,430 --> 00:05:22,520 It's a long topic, so I'm hopeful we are going to be finishing let's assume that you want maybe some 75 00:05:22,540 --> 00:05:26,640 page when you create when you create a doctor in Europe next. 76 00:05:26,710 --> 00:05:29,230 It comes with some some pages like, you know. 77 00:05:30,120 --> 00:05:39,030 At the library, we did not need to do anything to generate this page is which was generated by Europeanist 78 00:05:39,030 --> 00:05:40,510 and or Frappé. 79 00:05:41,550 --> 00:05:46,950 So what if we are not satisfied with this page and we would like maybe to create our own page that has 80 00:05:46,950 --> 00:05:53,650 something I don't know, but maybe some page that has some content that looks different from this. 81 00:05:54,090 --> 00:05:59,250 How do you do that inside of ERP next into the proper framework? 82 00:06:00,430 --> 00:06:07,120 So I will do that from the ensemble anyway, from the new system, of course, go to Osama and look 83 00:06:07,120 --> 00:06:12,270 for pages, which you see there is a list when you click on that. 84 00:06:12,520 --> 00:06:15,580 And by the way, when you come to court here. 85 00:06:16,700 --> 00:06:18,140 Immunologic, this. 86 00:06:20,030 --> 00:06:21,320 When you come to you are called. 87 00:06:22,510 --> 00:06:28,190 I am inside the APS, our library management library management module. 88 00:06:28,660 --> 00:06:31,210 When you come in here inside this library management. 89 00:06:33,090 --> 00:06:35,430 In our system, just check you up. 90 00:06:35,450 --> 00:06:37,500 Now, you don't have this for the codpiece. 91 00:06:38,010 --> 00:06:42,770 Mine is here because I created one page already when I was testing this. 92 00:06:43,290 --> 00:06:46,830 So this page is generated when you create your first page. 93 00:06:47,550 --> 00:06:52,710 And so you look into mine, I have this, then I have a folder for Vikash. 94 00:06:53,370 --> 00:06:55,860 Then I have another folder that says training. 95 00:06:55,890 --> 00:06:57,380 This training is my page. 96 00:06:58,530 --> 00:07:02,410 So when you create your next generate this quote for you. 97 00:07:03,040 --> 00:07:06,510 Now let's go ahead and create our first page here. 98 00:07:07,080 --> 00:07:09,210 And the training page you saw is this one. 99 00:07:09,220 --> 00:07:17,820 So how you add that and you just click on add page, then Guia gives you a page, Arnim, something 100 00:07:17,820 --> 00:07:20,250 like we can call this one. 101 00:07:23,440 --> 00:07:26,860 The custom, let me call it custom. 102 00:07:29,370 --> 00:07:32,670 Custom page, and then he select the module. 103 00:07:32,700 --> 00:07:36,960 This is where you want to you are going to be to be saved. 104 00:07:37,570 --> 00:07:43,350 Remember always this you should select the module where which you have created yourself so that you 105 00:07:43,350 --> 00:07:44,160 are able to be safe. 106 00:07:44,700 --> 00:07:50,220 Then the page title can remain as the one you have put on the page name. 107 00:07:50,280 --> 00:07:55,200 If you don't want that to continue, the page title restricts the domain you can restrict. 108 00:07:55,200 --> 00:07:56,310 If you want to restrict. 109 00:07:56,310 --> 00:07:59,790 If you restrict, it will only be available in that domain. 110 00:07:59,880 --> 00:08:01,290 We don't need that in our case. 111 00:08:01,890 --> 00:08:06,210 Then you need to leave this one as a standard, as a standard standard page. 112 00:08:06,660 --> 00:08:08,140 You can put an icon. 113 00:08:08,160 --> 00:08:15,300 Remember when we were adding our left side menu here, we saw icons and I also shared a list of the 114 00:08:15,300 --> 00:08:17,590 icons that are acceptable in Europe. 115 00:08:17,610 --> 00:08:20,010 Next, looking at the link on here, if you're interested. 116 00:08:21,250 --> 00:08:27,730 And then here are about Rawles, so this one is where you put you at the rules and permissions for the 117 00:08:27,730 --> 00:08:32,320 people, if you want your page to be accessible only to some people is in your system. 118 00:08:32,320 --> 00:08:33,740 So you can restrict that here. 119 00:08:34,210 --> 00:08:35,660 So we are not interested in that. 120 00:08:35,660 --> 00:08:39,740 And we can go ahead and click on Create Page and our page is created. 121 00:08:40,120 --> 00:08:41,440 Let's go back to our board. 122 00:08:41,950 --> 00:08:50,320 And now when we refresh this refresh, you see here we have another folder that has come that is custom 123 00:08:50,320 --> 00:08:51,280 endoscopies. 124 00:08:51,640 --> 00:08:55,750 And this is the name that we give our page here when we were creating it. 125 00:08:57,050 --> 00:09:03,470 So we have custom orders Kabbage, it comes with some finesse, the first word is in need not be the 126 00:09:03,470 --> 00:09:07,360 second fire is custom painted or Jesus. 127 00:09:07,670 --> 00:09:09,790 And then, of course, we have custom. 128 00:09:10,100 --> 00:09:14,780 Jason, you can leave this there, find out that we are going to be working with mostly is this custom 129 00:09:14,780 --> 00:09:15,820 page to Jesus. 130 00:09:16,370 --> 00:09:19,990 And now here we are going to be interacting with other technologies. 131 00:09:20,000 --> 00:09:26,570 If you open this file, you will find that this is just one file that Frappé have generated here. 132 00:09:26,780 --> 00:09:28,970 This is not just one, but JavaScript. 133 00:09:29,480 --> 00:09:36,580 And now you know, the way we create our pages in web development, we use HTML indexes. 134 00:09:37,040 --> 00:09:42,480 So it is required that you be familiar with these two and also JavaScript. 135 00:09:42,500 --> 00:09:49,330 Now, for you to be able to understand how these pages are going to be created, because ideally Frappier 136 00:09:50,750 --> 00:09:57,200 for another put this as JavaScript is to compile everything into which the email, but will be writing 137 00:09:57,200 --> 00:09:59,900 our code inside of this JavaScript file here. 138 00:10:00,860 --> 00:10:04,450 Now, how do we see the page that we have created after we have created up here? 139 00:10:04,460 --> 00:10:06,920 You see that we have go to page, custom page. 140 00:10:07,280 --> 00:10:12,440 So when I click that this thing opens a new page and look at the you are the top. 141 00:10:13,070 --> 00:10:19,660 If I go back, you see here we have our you are then up page, custom page. 142 00:10:19,700 --> 00:10:21,190 So this is the name of our page. 143 00:10:21,560 --> 00:10:26,010 If I click on this, what it does is it just removes the name page here. 144 00:10:26,540 --> 00:10:34,920 So if I add here we go back to the page where we are creating our page when I remove this, ideally 145 00:10:34,970 --> 00:10:39,300 this will just go straight to the page that we have just created. 146 00:10:39,950 --> 00:10:42,060 So now we're going to start building this page. 147 00:10:42,080 --> 00:10:47,370 How do we put in our content inside of the page that we have created? 148 00:10:47,750 --> 00:10:50,710 So what we be doing today will be building our own page. 149 00:10:50,720 --> 00:10:59,660 We are going to see how we to inject CCIS and not Sears's, but e-mail HTML so that we can have control 150 00:10:59,660 --> 00:11:01,450 over what people see on the page. 151 00:11:01,940 --> 00:11:04,970 And then we also are going to be seeing how now to connect. 152 00:11:04,970 --> 00:11:12,130 If we wanted to get some data from our database, from our database here to our application here, how 153 00:11:12,140 --> 00:11:12,830 do we do that? 154 00:11:12,860 --> 00:11:15,050 We are we are going to be covering that today. 155 00:11:16,150 --> 00:11:25,060 So how I do this, ideally, I like to separate ways so that my good looks neater and what I like to 156 00:11:25,060 --> 00:11:28,390 do here ideally is to create a new. 157 00:11:30,760 --> 00:11:35,630 And it's not what I like to do here is to create a new a new class here so I can guess it. 158 00:11:35,670 --> 00:11:39,400 So this is basically JavaScript, so I just do something like page content. 159 00:11:39,760 --> 00:11:45,040 So this is what is going to be holding my page content and then I'm going to put this as a class. 160 00:11:46,000 --> 00:11:52,960 And then inside of this glass, not inside, but I'm going to break this glass to extend and then let 161 00:11:52,960 --> 00:11:59,150 me remove this and then what it is going to extend here is what we are going to be putting here. 162 00:11:59,710 --> 00:12:05,260 So inside of this, what we're going to do, we are going to require two main items. 163 00:12:05,260 --> 00:12:10,990 The first one is Inmet, and the second one is the second one is mixed. 164 00:12:11,320 --> 00:12:18,070 So always when you are creating like I remember that this class that you're extending here will be these 165 00:12:18,070 --> 00:12:24,070 two on the minimum and then they need is going to be a function. 166 00:12:25,770 --> 00:12:32,790 And this function takes in a parameter and this parameter is the wrapper in this wrapper, ideally what 167 00:12:32,790 --> 00:12:40,600 we mean and this wrapper, ideally what we mean with this is the whole gene, the whole piece. 168 00:12:41,040 --> 00:12:44,120 This is what we call a wrapper inside of entropic. 169 00:12:44,730 --> 00:12:47,300 So when we are here, we have in it. 170 00:12:47,490 --> 00:12:55,440 Then we have a function that fixing a wrapper and then the contents of this init function is going to 171 00:12:55,440 --> 00:12:56,840 be whatever frappé have here. 172 00:12:56,850 --> 00:12:58,140 So I'm going to cut this. 173 00:12:59,120 --> 00:13:02,810 Cut like that, and then I'm going to press it inside here. 174 00:13:04,850 --> 00:13:09,570 And then after that, what I'm going to do, this function is not complete. 175 00:13:09,590 --> 00:13:12,170 So this is not going to work as is. 176 00:13:12,170 --> 00:13:16,040 But now note that here we have variable beach and we are dealing with a class. 177 00:13:16,250 --> 00:13:17,540 So this is not going to work. 178 00:13:17,900 --> 00:13:21,350 So what we need to do here, instead of seeing volleyball, we need to do this. 179 00:13:21,380 --> 00:13:22,660 Remember, this is JavaScript. 180 00:13:23,060 --> 00:13:26,130 So if it was Python, remember, it could offset itself here. 181 00:13:26,490 --> 00:13:34,270 So since this is JavaScript, we have we have this page when we put in the content that was here. 182 00:13:34,820 --> 00:13:42,320 And by the way, if you look at these images and do this, if you look at what we have here and you 183 00:13:42,320 --> 00:13:43,910 go to therapy documentation. 184 00:13:45,850 --> 00:13:46,450 Frappier. 185 00:13:47,460 --> 00:13:48,270 And. 186 00:13:50,350 --> 00:13:53,260 When these then look for Paige. 187 00:13:55,800 --> 00:14:00,490 Be adding pages anyway. 188 00:14:01,880 --> 00:14:06,290 If you look at what frappé, having the documentation, I don't want to spend time with that because 189 00:14:06,290 --> 00:14:13,460 we have a lot of ground to cover today to find out the function that we are providing is exactly what 190 00:14:13,460 --> 00:14:16,150 your page generated when you did it for the first time. 191 00:14:16,160 --> 00:14:18,820 So you can get it from your director. 192 00:14:19,370 --> 00:14:20,600 So let's go back here. 193 00:14:20,600 --> 00:14:25,790 So we have we have this we say this is going to be this little page, then whatever content that was 194 00:14:25,790 --> 00:14:27,920 here and then the make function. 195 00:14:29,080 --> 00:14:30,970 They make function, is going to have some things. 196 00:14:31,690 --> 00:14:39,700 So what this thing is going to have is also a function, but this function this time doesn't take any 197 00:14:39,700 --> 00:14:40,290 parameters. 198 00:14:40,290 --> 00:14:42,640 So they make function, doesn't work parameters. 199 00:14:42,640 --> 00:14:45,840 And this one is complaining because we need to put a comma here. 200 00:14:46,330 --> 00:14:48,870 So we put a comma to separate the two. 201 00:14:49,300 --> 00:14:56,770 And then this make function is where you are going to be ideally, so that this is where we're ideally 202 00:14:56,770 --> 00:15:04,810 going to be put in our e-mail content so we can just define a variable here and say, let me be something 203 00:15:04,810 --> 00:15:08,890 like e-mail content be. 204 00:15:09,340 --> 00:15:16,450 And then here you put it back, remember here under the script so we can put it back because then we 205 00:15:16,450 --> 00:15:23,140 can just paste this with something like adding to this is our page. 206 00:15:25,240 --> 00:15:29,860 This one is stopping me from saving, so I may need to give that for the permissions. 207 00:15:30,520 --> 00:15:32,010 Let me jump into. 208 00:15:33,430 --> 00:15:36,680 Carlos, let me jump in to our terminal here. 209 00:15:38,450 --> 00:15:47,870 And change punishments for that source, so be library in the library, and then we have what we have 210 00:15:47,870 --> 00:15:55,030 to be free this page and then we have the custom is no, no, no, no. 211 00:15:55,070 --> 00:15:58,330 I want to sue those who sued. 212 00:15:58,430 --> 00:16:00,120 The changing mood. 213 00:16:00,370 --> 00:16:07,440 More conservative forecast on page Pharcyde 214 00:16:10,880 --> 00:16:14,740 bench Trinny Winstead's. 215 00:16:14,930 --> 00:16:16,560 OK, OK. 216 00:16:16,580 --> 00:16:19,000 Now we can we can we can be able to save our files here. 217 00:16:19,020 --> 00:16:19,910 We don't issues. 218 00:16:21,010 --> 00:16:30,250 So when we do this so our pitch of our class here has two functions in it and make and then these two 219 00:16:30,250 --> 00:16:33,610 functions, what we need to do here. 220 00:16:35,090 --> 00:16:41,330 What we need to do here next is now to tell this -- what we want to do with whatever we have here 221 00:16:41,990 --> 00:16:44,270 so we can have something like. 222 00:16:48,920 --> 00:16:56,990 We can have something like downhere after we have done this, if we have our content there, and then 223 00:16:56,990 --> 00:17:03,720 the next thing we are going to do here is to put patris content inside of our page. 224 00:17:04,190 --> 00:17:10,250 So what you are going to do is Frappier, dot, dot, dot. 225 00:17:11,630 --> 00:17:18,170 A bit of a template, so you're going to try to render a template and build a template that we want 226 00:17:18,170 --> 00:17:20,970 to render this hour, this one. 227 00:17:21,470 --> 00:17:24,460 So this little template taking takes in two functions. 228 00:17:24,650 --> 00:17:26,000 I mean, two two items. 229 00:17:26,010 --> 00:17:28,580 The first one is whatever you want to render. 230 00:17:28,940 --> 00:17:33,800 And the second item is this, is this remember, you're inside the class. 231 00:17:34,250 --> 00:17:39,010 This class is the init function is the page that we are working on here. 232 00:17:39,260 --> 00:17:45,170 So in our case here, we want to render this on our page, the page that we are creating here. 233 00:17:46,430 --> 00:17:49,440 So after that, we are going to that is going to happen. 234 00:17:49,710 --> 00:18:02,800 So what happens to a very open and then this is going to be this this this got this got page, dot, 235 00:18:02,930 --> 00:18:03,620 dot com in. 236 00:18:03,920 --> 00:18:10,130 And we are getting this year, maybe for some reason you forget the part that we are putting here. 237 00:18:11,220 --> 00:18:15,990 If we go to our page, the page that we just created here and you inspect. 238 00:18:17,450 --> 00:18:20,000 Let me make this larger go to console. 239 00:18:21,230 --> 00:18:24,860 And we do hear Frappé Dods. 240 00:18:26,010 --> 00:18:35,540 Uh, Frappé, DOD, DOD pages, I think it would be this DOD, the name of the name of the page just 241 00:18:35,550 --> 00:18:37,320 created to ours is custom. 242 00:18:37,860 --> 00:18:38,610 What is the name of our. 243 00:18:40,770 --> 00:18:49,770 The name of our page is Custom Page, I think the custom page, so if we do custom underscore page dot, 244 00:18:50,430 --> 00:18:51,320 it's not available. 245 00:18:51,360 --> 00:18:53,450 Let me see whether we have that undefined. 246 00:18:53,910 --> 00:18:56,670 So if we remove this, we have propellent pages. 247 00:18:57,260 --> 00:19:02,160 What we have here is this object, which has to be, oh, it's an iPhone. 248 00:19:02,160 --> 00:19:05,610 It's not it's not is not it's not an underscore. 249 00:19:05,940 --> 00:19:09,450 So we can go back here and do that. 250 00:19:09,810 --> 00:19:14,940 I think Page and Dot, we have that first. 251 00:19:18,650 --> 00:19:19,610 Road page. 252 00:19:20,760 --> 00:19:23,280 And into. 253 00:19:24,300 --> 00:19:30,350 We have an issue here, page is not defined, so we need you, we may need to just drill down here. 254 00:19:30,360 --> 00:19:34,640 So when we open this, we have our custom page here. 255 00:19:35,190 --> 00:19:40,620 And then when you go down, you'll find this another thing, another item, code page so you can go 256 00:19:41,010 --> 00:19:42,360 and OPIS. 257 00:19:42,630 --> 00:19:43,700 So we have a page here. 258 00:19:43,890 --> 00:19:45,000 So look at this. 259 00:19:45,030 --> 00:19:48,060 We have this dot page dot mean. 260 00:19:48,180 --> 00:19:51,470 So this remember I told you that this is the current page you are working on. 261 00:19:51,990 --> 00:19:55,140 So when we come to the to the end, I don't think you are seeing this. 262 00:19:55,150 --> 00:19:56,730 They make it a little bit larger. 263 00:19:58,140 --> 00:20:01,110 If you come to a console here, let me go up. 264 00:20:01,790 --> 00:20:06,050 We did four upload pages and then this one returned our page. 265 00:20:06,060 --> 00:20:08,090 So we have our BGA podcast on page. 266 00:20:08,480 --> 00:20:12,130 So in our case, this custom page is our this. 267 00:20:12,710 --> 00:20:18,740 Then when we scroll down, we have a page, so scroll through and all the ENPI. 268 00:20:19,910 --> 00:20:21,140 So we have page here. 269 00:20:21,500 --> 00:20:24,610 So this is what what we are doing, this dot page. 270 00:20:24,950 --> 00:20:27,140 So we have page, we have our page here. 271 00:20:27,350 --> 00:20:32,680 When you open it, you'll find another thing you are expecting now to find meaning inside of that. 272 00:20:33,020 --> 00:20:35,610 So when you scroll down, we are going to find these men. 273 00:20:35,810 --> 00:20:39,830 So this is where we want to put our content inside of this item. 274 00:20:41,390 --> 00:20:43,760 So we have appended to this no page don't mean. 275 00:20:43,970 --> 00:20:45,590 And by the way, this thing doesn't change. 276 00:20:45,620 --> 00:20:49,280 So if you if you read it once, you can just be using the same. 277 00:20:50,320 --> 00:20:58,570 And then after that, we are supposed now to just get this thing, the glass that we have created here 278 00:20:58,570 --> 00:20:59,870 and put it inside. 279 00:20:59,890 --> 00:21:03,210 Remember, we got this thing from from above here. 280 00:21:03,490 --> 00:21:05,140 So we need to put here. 281 00:21:06,790 --> 00:21:12,990 On top here, we need to put to put to a class that this is what we want to display so we can do the 282 00:21:13,290 --> 00:21:19,650 new page, content, page, content, page content like that. 283 00:21:20,100 --> 00:21:24,090 And then we initialize it, we raise it. 284 00:21:24,300 --> 00:21:27,000 And we said here is going to take wrapper also. 285 00:21:27,510 --> 00:21:32,180 So we have this page content and the page content is going to take in the wrapper. 286 00:21:32,730 --> 00:21:38,640 Now, when this is done, this one more thing that you need to do and you you appear to be ready and 287 00:21:38,640 --> 00:21:40,140 that is in the init function. 288 00:21:40,150 --> 00:21:46,080 Remember that we have this mic in this case and right now not you're not communicating with init and 289 00:21:46,080 --> 00:21:52,560 init is what we are triggering on this on this this function here that Frappé understands. 290 00:21:52,980 --> 00:22:00,130 So after this, we need to tell our system that we want to initialize the mic function. 291 00:22:00,150 --> 00:22:04,230 So what you're going to do is this mix and that's it. 292 00:22:04,830 --> 00:22:10,950 So if we go ahead now and try to run our our our application, if everything went well, we should be 293 00:22:10,950 --> 00:22:16,060 able to see our system opening here. 294 00:22:16,080 --> 00:22:18,120 So let's reload and see whether we have an error. 295 00:22:18,570 --> 00:22:19,140 And that's it. 296 00:22:19,150 --> 00:22:24,610 You see, now we have this is our page content loaded on our page. 297 00:22:24,630 --> 00:22:31,530 This is what we have here is ideally what we put in our e-mail. 298 00:22:31,830 --> 00:22:35,640 So right now, this content, like I was telling you, this bit doesn't change. 299 00:22:36,000 --> 00:22:41,610 So even if you you may be build it once or you're going to be changing now is the content that is inside 300 00:22:41,610 --> 00:22:43,290 here and now here. 301 00:22:43,320 --> 00:22:50,370 This is where we will be needing to write a lot of our a lot of our a lot of our e-mail and ccis and 302 00:22:50,370 --> 00:22:51,330 even JavaScript. 303 00:22:51,720 --> 00:22:55,720 So if I say that means said here, we are going to be putting all our content. 304 00:22:55,740 --> 00:22:58,830 So if I copy this and I do that. 305 00:23:00,280 --> 00:23:04,040 This is our page, this is also our page. 306 00:23:04,390 --> 00:23:10,840 We are going to see the two items displayed on our SUV and we reload this. 307 00:23:12,040 --> 00:23:17,410 We are going to see both of them, I don't know whether anyone has a question before we proceed. 308 00:23:29,660 --> 00:23:36,990 Uh, yes, karani for this page, actually, I want to understand the context where we will use these 309 00:23:36,990 --> 00:23:39,930 pages in the back end or in the front end. 310 00:23:40,850 --> 00:23:46,490 No, this is about mummy, because ideally we remember we are locked in. 311 00:23:46,640 --> 00:23:47,540 We are locked in here. 312 00:23:47,540 --> 00:23:51,560 If we lock out and try to access this Eurail, we can't access it. 313 00:23:52,010 --> 00:23:55,940 So this is a page like for instance, you know what I explained? 314 00:23:55,940 --> 00:23:59,060 When you are starting, let's say you are your system. 315 00:23:59,060 --> 00:24:04,130 There's something very specific maybe you want to build that is customized for some people. 316 00:24:04,640 --> 00:24:10,400 You want your people or maybe some group of people when they log in, you want them to see maybe you 317 00:24:10,400 --> 00:24:17,840 are articles in some way or you want some report displayed on some page in some way which does not come 318 00:24:17,840 --> 00:24:19,220 out of the box with the frappé. 319 00:24:19,520 --> 00:24:21,230 How can you customize that? 320 00:24:21,410 --> 00:24:24,680 And that is we will be needing to build custom pages like this. 321 00:24:24,950 --> 00:24:26,660 So this is entirely backend. 322 00:24:29,600 --> 00:24:34,070 But this one doesn't accept the data. 323 00:24:34,100 --> 00:24:41,110 I mean, only authoritative data, you can show list of data, for example. 324 00:24:42,540 --> 00:24:45,250 Yes, we are going there next, OK? 325 00:24:46,930 --> 00:24:47,310 OK. 326 00:24:52,850 --> 00:24:57,180 So there is there is no question, let's move on, OK? 327 00:24:57,480 --> 00:24:59,050 OK, so we move on. 328 00:25:00,250 --> 00:25:09,460 So now this page, the page that we just created here already, you know that Frappier has bootstrap 329 00:25:09,460 --> 00:25:13,470 installed, so this page is ready to start accepting, even bootstrap. 330 00:25:13,480 --> 00:25:17,770 So if we came to a page here in the deal, class equals. 331 00:25:19,550 --> 00:25:26,200 Now, the downside of this is that it is not it's not like does not have Intellisense inside here, 332 00:25:26,270 --> 00:25:28,540 does not have Intellisense for e-mail. 333 00:25:29,090 --> 00:25:32,540 So you may find yourself in a situation where you need to. 334 00:25:33,740 --> 00:25:35,210 You need to. 335 00:25:36,950 --> 00:25:40,850 To close everything here, you know, you see, when we were creating a class here, we did because 336 00:25:41,120 --> 00:25:45,660 we expect that when we open one could be the closest also. 337 00:25:45,680 --> 00:25:46,370 But we didn't. 338 00:25:47,090 --> 00:25:55,510 So you may you need to be careful there so we can see this is the glass is container. 339 00:25:56,780 --> 00:26:04,280 And then inside here we can have our roof like the glass is is our room. 340 00:26:06,260 --> 00:26:09,780 It's our role and we need to close to close this thing through. 341 00:26:11,140 --> 00:26:12,320 We need to close that. 342 00:26:12,800 --> 00:26:21,740 And then inside here, we can now start putting in our own like the force so we can do something like 343 00:26:21,740 --> 00:26:22,120 that. 344 00:26:22,550 --> 00:26:25,520 And then inside of this, we cannot go ahead and put in our content. 345 00:26:25,540 --> 00:26:35,630 So what if we go to bootstrap and take, take and cut from bootstrap and see what they do us so we can 346 00:26:35,630 --> 00:26:41,360 come here and maybe grab our cut like they give in this first one. 347 00:26:42,740 --> 00:26:44,300 But we may need to do some cleanup. 348 00:26:44,300 --> 00:26:45,500 We don't need everything. 349 00:26:46,010 --> 00:26:51,700 So here we can pick our cord and then we remove the image. 350 00:26:51,710 --> 00:26:56,480 Of course, it's not going to be found and we don't also need that styling gear. 351 00:26:57,420 --> 00:26:58,010 That's it. 352 00:26:58,040 --> 00:27:04,180 So let's see whether this coat is displayed appropriately as we expect it to be displayed by bootstrap. 353 00:27:04,520 --> 00:27:08,000 So we go back to our code, to our page and refresh. 354 00:27:08,540 --> 00:27:12,230 And yes, you'll see that is a very beautiful car that has come from boot straps. 355 00:27:12,230 --> 00:27:13,560 So, yes, they both. 356 00:27:13,580 --> 00:27:20,630 And you see also it is taking four percent of the beach, another four percent, but but for four out 357 00:27:20,630 --> 00:27:23,970 of 12 blocks that have gone bust up. 358 00:27:24,530 --> 00:27:28,430 So if we come here and do another another mudie for down here. 359 00:27:30,110 --> 00:27:36,320 After this one, we do another thing before we close it, and we've been here to see whether to display 360 00:27:36,320 --> 00:27:42,330 a block like we expect when we do it being three and this is it. 361 00:27:42,700 --> 00:27:48,740 Maybe we can just say we are here and say if we expect that this is supposed to be displayed here by 362 00:27:48,740 --> 00:27:49,340 bootstrap. 363 00:27:50,600 --> 00:27:51,570 And yes, that is it. 364 00:27:51,590 --> 00:27:58,460 So you can you can put in bootstrap, you can customize this page the way you want to customize it using 365 00:27:58,460 --> 00:27:58,970 bootstrap. 366 00:27:59,660 --> 00:28:04,790 Now, the question is, what if maybe you wanted to put in some beach, maybe like. 367 00:28:06,200 --> 00:28:12,170 That already exists, maybe like projects or maybe the page that you are customizing is maybe like the 368 00:28:12,170 --> 00:28:15,160 projects page, I'm using this only for the purpose of our demo. 369 00:28:15,680 --> 00:28:19,300 You're going to find appropriate use according to your use case in your system. 370 00:28:20,150 --> 00:28:22,430 Maybe this is the page that you wanted to customize. 371 00:28:22,430 --> 00:28:26,880 It looks 90 percent the way you want it, but these are isolated. 372 00:28:27,320 --> 00:28:30,390 So, like, now you want this fast, this fast top. 373 00:28:30,440 --> 00:28:34,970 But here, what I want to do, you can just come to this page and then you inspect it. 374 00:28:36,310 --> 00:28:38,350 I don't need this kind of large font. 375 00:28:40,660 --> 00:28:50,650 Then what you do is you hop on this page and then you can grab, you can grab so so I'm showing you 376 00:28:50,650 --> 00:28:56,410 here is how you can reduce if maybe the page you want to create is not very different from a page that 377 00:28:56,410 --> 00:28:57,560 is somewhere within Europe. 378 00:28:57,590 --> 00:28:59,850 Next, if I come to this, you see this one. 379 00:28:59,860 --> 00:29:02,740 It has highlighted my page here, the page that I want. 380 00:29:03,020 --> 00:29:04,230 So I have on it. 381 00:29:04,240 --> 00:29:04,750 Then I right. 382 00:29:04,790 --> 00:29:06,880 Click and see copy. 383 00:29:07,000 --> 00:29:09,340 And then I drew out the e-mail. 384 00:29:09,340 --> 00:29:17,740 So I have it copied on my on my here and then I can just come here, just replace everything we have 385 00:29:17,740 --> 00:29:18,020 here. 386 00:29:18,070 --> 00:29:21,760 So if I go ahead and cut it out, remember I have batiks. 387 00:29:21,790 --> 00:29:23,590 These subarctic, they end up back there. 388 00:29:23,950 --> 00:29:28,660 So you are putting this code inside this buckteeth and I paste whatever I have copied. 389 00:29:28,810 --> 00:29:34,360 It's ugly, but you may need to you can just take this to an e-mail format and formatted. 390 00:29:35,770 --> 00:29:38,140 Then I come to my page, I reload it. 391 00:29:38,140 --> 00:29:40,000 I'm expecting to see you. 392 00:29:40,000 --> 00:29:44,140 See, what I am seeing here is exactly what I have on this project page. 393 00:29:44,560 --> 00:29:51,970 So if you have a page that is not so different from what you are creating, you can just go ahead and 394 00:29:51,970 --> 00:29:57,520 copy the outrage, the middle of the page you want, and then paste it on your page and start customizing 395 00:29:57,520 --> 00:29:57,720 it. 396 00:29:58,120 --> 00:30:01,060 You are going to be seeing how to customize this in just a few minutes. 397 00:30:02,140 --> 00:30:10,490 Now, what if you wanted to get our library, our articles, so let's go to library here articles and 398 00:30:10,510 --> 00:30:11,890 we want to get these articles. 399 00:30:12,250 --> 00:30:18,010 So the same thing just inspected and we may need to just make it a little bit bigger. 400 00:30:18,340 --> 00:30:26,170 And then we have on this, we can actually copy copy what they make over on the first one. 401 00:30:26,170 --> 00:30:26,500 They are. 402 00:30:27,040 --> 00:30:33,850 Then when you come to the to the left, I mean to the to the inspect items that that can give you a 403 00:30:33,850 --> 00:30:34,800 clue what you are. 404 00:30:34,810 --> 00:30:40,300 So like when overnight change between these two div classes here you can see what, what is being highlighted 405 00:30:40,420 --> 00:30:41,980 and maybe I am interested in this one. 406 00:30:41,980 --> 00:30:49,210 So I just read click here and then I go to copy paste, copy, copy and then I do copy out the email 407 00:30:49,690 --> 00:30:51,250 and then I come back to my code. 408 00:30:51,250 --> 00:30:55,630 I can undo to remove this and then I just press what I have copied. 409 00:30:55,900 --> 00:30:57,490 So I have a lot of code here. 410 00:30:57,730 --> 00:31:02,380 But of course, you know, let me first of all refresh this so that we see what ideas are reflected 411 00:31:02,380 --> 00:31:02,680 here. 412 00:31:02,950 --> 00:31:03,220 Yeah. 413 00:31:03,220 --> 00:31:05,260 So you see, we have our items here. 414 00:31:06,400 --> 00:31:12,960 Now, note that we are having these items here because we have them on our board. 415 00:31:12,970 --> 00:31:14,200 So this is not dynamic. 416 00:31:15,070 --> 00:31:15,880 We have them here. 417 00:31:15,880 --> 00:31:19,630 If you look closely, like now we have Vinken and grew rich here. 418 00:31:20,500 --> 00:31:26,560 If I find this so if I do f control, f remove. 419 00:31:27,100 --> 00:31:32,610 And then I do think and you see we have an item here and grew rich. 420 00:31:33,250 --> 00:31:43,090 If I do reach Dad here, I go back to my code, to my code, and then instead of the book, I do reach 421 00:31:43,900 --> 00:31:44,530 that. 422 00:31:45,160 --> 00:31:49,120 You see we have all these items, all these articles are on our code. 423 00:31:49,120 --> 00:31:50,710 So they are here, they are hard coded. 424 00:31:51,280 --> 00:31:52,990 They had gotten on our system. 425 00:31:53,530 --> 00:31:55,540 But of course, now this is devastated. 426 00:31:55,540 --> 00:32:01,270 And if maybe we need this kind of a design with dynamic data, what are going to do is after you have 427 00:32:01,270 --> 00:32:03,250 copied, you leave one of these. 428 00:32:03,250 --> 00:32:07,520 So you are going to delete all these others and leave one in. 429 00:32:07,570 --> 00:32:13,120 Of course, know what you are going to do is loop loop through them and generate them from the code 430 00:32:13,120 --> 00:32:14,680 that you have on your database. 431 00:32:16,090 --> 00:32:21,820 Now, not being said, I'm hopeful that we are comfortable with the with maybe grabbing the pages that 432 00:32:21,820 --> 00:32:29,140 we need from the pages that exists within our system and we can put them on our application and customize 433 00:32:29,140 --> 00:32:34,270 them in the way they even if you need this left Bahia, the left that is here, you can still have it 434 00:32:34,840 --> 00:32:42,490 by inspecting and then grabbing the whole content, like, let me see, like like that. 435 00:32:43,000 --> 00:32:43,380 Yeah. 436 00:32:43,420 --> 00:32:44,050 Must be there. 437 00:32:44,050 --> 00:32:50,500 So if I copy this now copy and then I can do this, then I paste. 438 00:32:50,500 --> 00:32:53,500 This is going to come also with this. 439 00:32:54,820 --> 00:32:55,210 Right. 440 00:32:55,210 --> 00:32:56,290 But right. 441 00:32:56,290 --> 00:33:00,070 But they didn't come so I think I need to go up one more class. 442 00:33:05,000 --> 00:33:08,490 I mean, we don't need a pizza wrapper, so, yes, it must be here. 443 00:33:08,630 --> 00:33:09,920 So you see this ones have a page. 444 00:33:10,150 --> 00:33:11,090 So we don't need it up. 445 00:33:11,090 --> 00:33:14,640 What we need from the item that is just below the page. 446 00:33:14,960 --> 00:33:23,770 So if I copy that and I pasted here now, we should note about how this page with the left, the left 447 00:33:23,840 --> 00:33:24,430 content here. 448 00:33:24,440 --> 00:33:27,220 So, yes, there it is now. 449 00:33:27,230 --> 00:33:35,660 So I will assume that you are comfortable with grabbing whichever content you want from within Europeanist 450 00:33:35,660 --> 00:33:38,900 of wrapping and putting it on your own page. 451 00:33:39,170 --> 00:33:43,900 And we are going to go and start figuring out how to customize this. 452 00:33:44,570 --> 00:33:53,630 So in the next stage, if you do not have any questions, we are going to get to to try and get right 453 00:33:53,660 --> 00:34:03,940 to our call to out to the back end and grab some data and bring it and display it on our on our on the 454 00:34:03,950 --> 00:34:05,080 page that we just created here. 455 00:34:05,120 --> 00:34:07,220 So if anyone has a question, you can shoot it now. 456 00:34:11,140 --> 00:34:22,630 Yes, one question, you show us how to build HD email using JavaScript string, but I can see some 457 00:34:22,630 --> 00:34:31,930 existing page in the list in the page list, the page there some some of them have HTML file, which 458 00:34:31,930 --> 00:34:37,030 contain the e-mail code instead of doing this code in the JavaScript. 459 00:34:37,570 --> 00:34:44,590 So do you have any experience doing that that way instead of of using JavaScript to build the HTML? 460 00:34:47,090 --> 00:34:53,120 Not no, I have not done that, Maureen, and the recommended way is to put it on the JavaScript file 461 00:34:53,120 --> 00:34:54,350 that they have built. 462 00:34:55,800 --> 00:35:01,140 So even if maybe they have their own code that is running, that is running on an independent e-mail 463 00:35:01,170 --> 00:35:04,460 file, this is what they recommend that that we do. 464 00:35:04,620 --> 00:35:10,820 So I have not built any except customizing the pages that they have already built. 465 00:35:10,830 --> 00:35:17,370 I have not built any myself on your e-mail, basically, because they don't recommend it. 466 00:35:20,110 --> 00:35:21,160 OK, thank you. 467 00:35:27,130 --> 00:35:41,770 Garani is the limit of pages you can create using custom page, so desk you cannot create with custom 468 00:35:41,770 --> 00:35:42,440 pages, right? 469 00:35:42,460 --> 00:35:45,400 You cannot replace disk by a custom page. 470 00:35:47,410 --> 00:35:52,360 Not replacing disk with a custom pages is the customization we are talking about. 471 00:35:52,360 --> 00:35:54,430 You can you can absolutely do that. 472 00:35:55,240 --> 00:35:57,840 But that is not a customization you are talking about. 473 00:35:57,850 --> 00:36:05,320 That is like changing the theme, because if you look at they have here, this is what they have built. 474 00:36:05,350 --> 00:36:09,290 This is what Europeanist are billed as the home page. 475 00:36:09,310 --> 00:36:10,450 So this is their desk. 476 00:36:10,750 --> 00:36:14,210 So if you change this, look, it's like you are changing that theme. 477 00:36:14,620 --> 00:36:18,670 It is possible, but it takes quite an amount of work. 478 00:36:20,660 --> 00:36:26,440 So theme is a custom page, but for this only, we call it theme, right? 479 00:36:27,510 --> 00:36:31,640 Yes, yes, so this is yeah, this is the avium, so this is what they are using here. 480 00:36:34,880 --> 00:36:40,730 OK, yeah, so actually, even that bridge that we are creating, if you look at this bridge, will. 481 00:36:41,650 --> 00:36:47,320 If it is if you look, look, look at it, if I change like now, it didn't create the Osama bin here. 482 00:36:47,320 --> 00:36:48,420 This is our custom base. 483 00:36:49,180 --> 00:36:50,470 We didn't create these things. 484 00:36:50,470 --> 00:36:58,270 And this one's come out of the box, the notifications, the icon here, the breadcrumbs, this thing 485 00:36:58,270 --> 00:37:04,840 with all these items, this is that we are just inheriting from the page that they have already created. 486 00:37:06,460 --> 00:37:09,420 OK, well, this is still this is still within the. 487 00:37:11,630 --> 00:37:15,770 OK, Page, it's it's different from DOCTYPE, right? 488 00:37:16,610 --> 00:37:18,230 Yes, absolutely, yes, absolutely. 489 00:37:18,260 --> 00:37:19,850 Yes, it's completely different. 490 00:37:20,450 --> 00:37:27,170 So how to make a permission or grant access to pages? 491 00:37:28,110 --> 00:37:29,100 In Europe, next. 492 00:37:30,180 --> 00:37:33,040 So when when you create your custom benjamina. 493 00:37:33,630 --> 00:37:40,350 Yes, yes, custom made, I give access to one user and do not give access to another user. 494 00:37:40,980 --> 00:37:50,520 OK, so where we are creating on page one, if we come here and add here whether we are creating our 495 00:37:50,520 --> 00:37:53,430 page down here, we have rules. 496 00:37:53,740 --> 00:37:59,700 So you can just go ahead and add the rules that you want to be able to access the page here, the rules 497 00:37:59,700 --> 00:38:01,940 you have, if maybe you want this. 498 00:38:01,950 --> 00:38:10,520 So if you want this to be accessible only to two ever, maybe a student, these are coming up next. 499 00:38:10,530 --> 00:38:12,950 You just elected them and everybody else would be locked up. 500 00:38:13,860 --> 00:38:18,030 But if this one is empty, it means this page is accessible to anyone. 501 00:38:18,950 --> 00:38:26,750 Uh huh, it's different from the DOCTYPE permission means he can select, he can create, he can delete 502 00:38:27,350 --> 00:38:29,270 like all permission manager. 503 00:38:31,440 --> 00:38:41,730 I'm sorry I didn't get to enroll permission manager wrote permission you give access to a DOCTYPE for 504 00:38:41,730 --> 00:38:43,960 two or four, OK? 505 00:38:44,700 --> 00:38:53,160 And you you have multiple options checkboxes in front of each DOCTYPE parole combination. 506 00:38:53,490 --> 00:39:00,880 So you can say, OK, this all he can edit, he cannot create and you check and. 507 00:39:01,950 --> 00:39:02,400 Yes. 508 00:39:02,400 --> 00:39:03,090 I get you now. 509 00:39:03,260 --> 00:39:03,600 Yeah. 510 00:39:03,600 --> 00:39:03,940 So. 511 00:39:03,960 --> 00:39:04,680 So yeah. 512 00:39:04,710 --> 00:39:09,040 So this one, the experience I have is to put it on the to put it down here. 513 00:39:09,730 --> 00:39:10,200 Yeah. 514 00:39:10,530 --> 00:39:10,860 Yeah. 515 00:39:10,860 --> 00:39:17,760 This is, this is what I have been doing all these roles, roles, full access means creatively to read 516 00:39:17,820 --> 00:39:18,480 everything. 517 00:39:18,690 --> 00:39:19,200 Yeah. 518 00:39:19,530 --> 00:39:19,860 Yeah. 519 00:39:20,880 --> 00:39:21,330 OK. 520 00:39:22,920 --> 00:39:23,480 OK. 521 00:39:23,490 --> 00:39:23,950 Thank you. 522 00:39:24,900 --> 00:39:25,250 Welcome. 523 00:39:28,590 --> 00:39:30,510 So so we can move on. 524 00:39:31,710 --> 00:39:39,120 OK, so let's get back our card here, because I want to work with something simple 525 00:39:42,150 --> 00:39:42,810 these days. 526 00:39:47,310 --> 00:39:49,320 So let's refresh our page. 527 00:39:49,350 --> 00:39:51,670 I just want to up to something very simple here. 528 00:39:52,920 --> 00:39:54,680 Now we want to get data. 529 00:39:54,700 --> 00:39:57,570 Let's say, for instance, we want this thing to display here. 530 00:39:58,580 --> 00:40:07,940 The number of articles, this is just an example, the number of articles we have on our table here 531 00:40:09,360 --> 00:40:12,800 at the library, so let's say we want this thing to display. 532 00:40:12,800 --> 00:40:18,820 We see we have that articles here to display the number of articles that we have on our. 533 00:40:20,190 --> 00:40:27,420 Table or on our article library table, so remember, you can get basically any data that you want from 534 00:40:27,420 --> 00:40:27,720 here. 535 00:40:28,380 --> 00:40:30,350 So how are you going to do this? 536 00:40:30,360 --> 00:40:32,610 We want this to end to come somewhere here. 537 00:40:34,290 --> 00:40:37,540 The first thing is to create a file. 538 00:40:37,680 --> 00:40:39,620 So let me let me open this. 539 00:40:39,630 --> 00:40:47,940 So instead of the folder that was created when you created your page next to the custom is create a 540 00:40:47,940 --> 00:40:53,830 file and call it I can call it custom page dot dot P.. 541 00:40:53,850 --> 00:40:55,580 Why there's a file. 542 00:40:55,950 --> 00:41:01,820 So I have a I have a file I have created called custom P2P. 543 00:41:03,030 --> 00:41:06,400 And I want what I want to do here is basically what we have been doing all through. 544 00:41:06,420 --> 00:41:08,470 So this we have this experience now. 545 00:41:08,490 --> 00:41:13,170 So the first thing import frothy is like writing an API basically. 546 00:41:13,650 --> 00:41:18,810 And then after we have import that we need to define our function here, our python function that is 547 00:41:18,810 --> 00:41:28,950 supposed to do something so we can call this, get an article out and then we can do here a list of 548 00:41:28,950 --> 00:41:32,540 what we've written in here. 549 00:41:32,700 --> 00:41:36,860 Just do something and then ignore that. 550 00:41:37,110 --> 00:41:39,810 So we have a function that is a Donnington. 551 00:41:39,810 --> 00:41:42,920 And then of course, we, of course, need to treat these functions. 552 00:41:42,930 --> 00:41:45,960 So profit or whitelist. 553 00:41:46,470 --> 00:41:48,810 So remember to do at least your function. 554 00:41:50,590 --> 00:41:54,760 We have that then the next thing, remember, when we are working with the JavaScript. 555 00:41:56,420 --> 00:41:57,020 Excuse me. 556 00:41:58,310 --> 00:42:00,140 You need to write. 557 00:42:01,060 --> 00:42:03,510 We also have this experience you need to write. 558 00:42:04,040 --> 00:42:04,730 I call. 559 00:42:04,880 --> 00:42:14,660 I call here that is supposed to go to the back end and call this function and then come back with whatever 560 00:42:14,660 --> 00:42:18,120 data that it will find in the tropical. 561 00:42:18,140 --> 00:42:22,460 So we are going to be writing that somewhere here so we can put it in here. 562 00:42:23,960 --> 00:42:29,960 Ideally, what I'm going to do, because we have already done this area, I'm going to copy DOCTYPE, 563 00:42:29,960 --> 00:42:33,210 I'm going to copy it, then we are going to do a change. 564 00:42:33,230 --> 00:42:34,860 So it must be in this pile. 565 00:42:35,370 --> 00:42:39,630 We know it must be genius because that's a proper call. 566 00:42:40,070 --> 00:42:45,890 So this one we have we have an example that we worked on here so I can copy this and then we can modify 567 00:42:45,890 --> 00:42:46,100 it. 568 00:42:46,100 --> 00:42:50,330 So if I paste it and this is supposed to be inside, we say the variable. 569 00:42:51,140 --> 00:42:58,820 We can say lets out we call this particular count equals. 570 00:43:00,220 --> 00:43:06,610 Is this takes in a function and then inside this function, this is where you are supposed to do this. 571 00:43:07,530 --> 00:43:09,590 Now we are few things I going to change here. 572 00:43:09,590 --> 00:43:12,590 First of all, is this link, of course, is not going to link there. 573 00:43:13,110 --> 00:43:18,090 It is going to link to library management, library management. 574 00:43:18,090 --> 00:43:19,830 Let's open up so that we can see here. 575 00:43:20,980 --> 00:43:27,910 So we want to go into library management, library management, and then we want to go into page, so 576 00:43:29,890 --> 00:43:34,970 scroll, we don't need details, we need page after page. 577 00:43:34,990 --> 00:43:41,160 We want to go into custom page so we don't need is also custom page. 578 00:43:41,170 --> 00:43:49,600 So here we are basically adding up to a function here and then we want to go into our custom. 579 00:43:50,590 --> 00:43:54,850 We have page, custom page, then we have another custom page. 580 00:43:56,610 --> 00:43:59,790 For the stumpage, for the. 581 00:44:00,800 --> 00:44:07,540 For the for the item here and then instead of that custom page we have on a function called Get Atikokan, 582 00:44:07,940 --> 00:44:09,370 so we put it there. 583 00:44:11,040 --> 00:44:14,760 And then we don't need any argument, we are not passing anything to the back end to remove. 584 00:44:15,640 --> 00:44:22,590 And then the next thing is we can get article count. 585 00:44:24,120 --> 00:44:31,200 We can just call this sea or whatever, we can call it Atikokan, and then we can base fossil fuels 586 00:44:31,320 --> 00:44:34,260 all over it and see whether we have it before we take it to our. 587 00:44:35,430 --> 00:44:41,310 Before we get to our law article, before we get to our. 588 00:44:43,910 --> 00:44:50,680 Our kids here, so, yeah, we have let people come to function and then we have our call going to that 589 00:44:50,680 --> 00:44:52,560 and then we are of it. 590 00:44:52,810 --> 00:45:00,370 So if we save that and now try to reload, if you don't get an error and we do have an error notice, 591 00:45:00,370 --> 00:45:04,770 check our console and see whether we have something in. 592 00:45:07,730 --> 00:45:13,610 Let's check here, see whether we need that we do not we have written our function, but we have not 593 00:45:13,610 --> 00:45:15,000 initialized that function. 594 00:45:15,020 --> 00:45:18,230 So what we need to do after this, we need to initialize this function. 595 00:45:18,270 --> 00:45:19,510 Remember, this is a function. 596 00:45:19,820 --> 00:45:20,470 So it is there. 597 00:45:20,480 --> 00:45:21,940 Yes, but it is not being called. 598 00:45:21,950 --> 00:45:24,750 So we need to call it like that, by the way. 599 00:45:24,770 --> 00:45:28,190 Currently, there is a typo error. 600 00:45:29,030 --> 00:45:33,320 Where in the in the parameter. 601 00:45:33,320 --> 00:45:34,430 In the JavaScript. 602 00:45:35,050 --> 00:45:35,390 Huh. 603 00:45:36,280 --> 00:45:37,400 In JavaScript. 604 00:45:37,910 --> 00:45:38,900 Go to JavaScript. 605 00:45:39,320 --> 00:45:45,440 Is Artec article let article count. 606 00:45:46,480 --> 00:45:57,590 Particle count, the parameters, the functionality, the lead article, their article or this one little 607 00:45:57,850 --> 00:46:03,370 article, so particle counts, we can call it that one. 608 00:46:03,440 --> 00:46:05,020 Yes, yes, yes. 609 00:46:06,550 --> 00:46:06,810 Yeah. 610 00:46:06,830 --> 00:46:08,610 So this this is the function. 611 00:46:08,620 --> 00:46:09,950 That is what we are holding here. 612 00:46:10,470 --> 00:46:10,860 Yes. 613 00:46:10,960 --> 00:46:15,790 So let's go ahead now and run this and see what we get the load. 614 00:46:17,440 --> 00:46:19,620 We don't get an error and look at the console. 615 00:46:19,630 --> 00:46:20,650 We have to end this. 616 00:46:20,650 --> 00:46:24,100 Then this thing is coming from what we had. 617 00:46:24,520 --> 00:46:25,600 So it is coming from here. 618 00:46:25,810 --> 00:46:32,030 If we change this to 100, we expect that we are going to see 100 on on on the console here. 619 00:46:32,050 --> 00:46:35,040 So, yeah, we have a hundred here. 620 00:46:35,050 --> 00:46:41,280 So this is doing a call to the to the back end and getting this one hundred and coming back with it. 621 00:46:41,980 --> 00:46:42,370 Now 622 00:46:45,520 --> 00:46:46,100 there is. 623 00:46:47,980 --> 00:46:50,350 OK, can you show us the console. 624 00:46:50,360 --> 00:46:52,900 You didn't see the console also. 625 00:46:53,650 --> 00:46:57,990 It's very first and there is a delay in the. 626 00:46:58,000 --> 00:46:59,500 Yeah I noticed there. 627 00:47:00,820 --> 00:47:01,840 Can you see it now. 628 00:47:03,050 --> 00:47:05,160 Ya, ya, ya, ya, ya. 629 00:47:05,330 --> 00:47:10,160 This one hundred years, this one hundred, it's coming in a message. 630 00:47:10,160 --> 00:47:19,610 It is what we had recorded in afunction since returning that one hundred and we are getting it now here 631 00:47:19,610 --> 00:47:21,020 so we can access it here. 632 00:47:21,500 --> 00:47:27,290 And then the next thing that we need to do here now, even before you write the the back end the code 633 00:47:27,290 --> 00:47:35,600 to the code to get our electrical current, we can just put it put it inside of our inside of our card 634 00:47:35,600 --> 00:47:40,820 here so that we see what we have so we can do variable. 635 00:47:40,820 --> 00:47:50,060 And before that we maybe need to get to put in an ID somewhere so we can do here before. 636 00:47:51,380 --> 00:47:53,840 And then we don't need this button anymore. 637 00:47:54,920 --> 00:47:56,330 We don't need this as well. 638 00:47:57,020 --> 00:48:02,640 And then here we can do each one with a and I'd be. 639 00:48:03,790 --> 00:48:05,150 Remember, this is CCIS. 640 00:48:05,900 --> 00:48:11,920 So each one I we can call it out because I often count. 641 00:48:12,620 --> 00:48:16,340 So we have on it know that we can reference with our with the query. 642 00:48:16,820 --> 00:48:18,950 So this is again this is, this is the query. 643 00:48:18,950 --> 00:48:24,350 So what we are doing is the query so we can do IBM with an IP of that. 644 00:48:25,830 --> 00:48:30,800 Is an item with an idea of text and what you are going to do here is passing this. 645 00:48:30,810 --> 00:48:36,060 So we have this broad message. 646 00:48:36,070 --> 00:48:37,070 Remember, this is coming. 647 00:48:37,070 --> 00:48:42,640 Is it a message if we look at the console here, because it is inside the message, is it a message 648 00:48:42,640 --> 00:48:42,910 here? 649 00:48:43,180 --> 00:48:48,820 So what we need to do is do Artecoll count the message that we can access that? 650 00:48:49,240 --> 00:48:56,240 You know, we are setting that as text inside of our our H1 tag in the card. 651 00:48:56,710 --> 00:48:58,180 So let's go ahead and refresh. 652 00:48:58,390 --> 00:49:03,700 And we are expecting now that this card is going to change and we are going to have 100 displayed somewhere 653 00:49:03,700 --> 00:49:03,950 here. 654 00:49:04,510 --> 00:49:05,320 So refresh it. 655 00:49:05,320 --> 00:49:06,820 That is if everything works well. 656 00:49:06,850 --> 00:49:07,090 Yeah. 657 00:49:07,090 --> 00:49:08,130 And that's that's it. 658 00:49:08,560 --> 00:49:09,400 We have 100. 659 00:49:09,400 --> 00:49:11,860 We have an account and we have 100 displayed there. 660 00:49:12,760 --> 00:49:22,750 In a big hits are his Wantagh, so now I think you have guessed it, what we need to do here now is 661 00:49:22,960 --> 00:49:30,950 basically we can comment, not our on our article so we can return profit or be don't ask you. 662 00:49:30,970 --> 00:49:41,170 Well, and then we write our well here and ask you it is going to be ResCare, is it going to be select, 663 00:49:42,640 --> 00:49:45,240 select and then we see Groulx. 664 00:49:45,820 --> 00:49:47,290 We want to count everything. 665 00:49:48,530 --> 00:49:55,450 And we want to counter this thing from our table, so it blew backbeats and I think is published at 666 00:49:55,460 --> 00:49:58,090 the school library. 667 00:50:00,980 --> 00:50:03,620 So that is it, and then we need to close that. 668 00:50:04,910 --> 00:50:09,870 OK, so for the past, you will retain this select committee? 669 00:50:09,870 --> 00:50:10,090 Yes. 670 00:50:10,130 --> 00:50:14,400 Let's try and give it a shot and see what we get and we get at him. 671 00:50:14,420 --> 00:50:16,060 So this is coming from our database. 672 00:50:16,910 --> 00:50:17,620 So that's it. 673 00:50:17,630 --> 00:50:18,710 That's what I had for today. 674 00:50:18,710 --> 00:50:21,530 If you have questions, please let me let me have them. 675 00:50:29,530 --> 00:50:31,290 So great, great. 676 00:50:32,140 --> 00:50:33,610 Excellent, Karen. 677 00:50:34,420 --> 00:50:40,090 And if someone has doubts, please let us know, please. 678 00:50:40,150 --> 00:50:40,540 Now. 679 00:50:41,800 --> 00:50:42,580 Uh. 680 00:50:46,330 --> 00:50:50,590 So this one page can create records of Karen. 681 00:50:52,320 --> 00:50:54,530 Or just display data. 682 00:50:57,680 --> 00:51:06,790 You can create items, yeah, I mean, you can create a new article as an example, you are doing count 683 00:51:06,790 --> 00:51:14,830 on the and we saw some examples, just high level and not yes or no question you can. 684 00:51:14,830 --> 00:51:21,060 You can ideally, because what you need to do, for instance, the core library article. 685 00:51:24,390 --> 00:51:31,710 Your article brought you if you take this bottle and put it, if there, I'll show you how to copy this 686 00:51:31,770 --> 00:51:37,140 bottle and to put it on you on your own, it's going to allow you to create articles. 687 00:51:37,410 --> 00:51:44,400 But that will ideally not be mimicking programming sense because you already have you already have a 688 00:51:44,400 --> 00:51:45,390 button that works. 689 00:51:45,390 --> 00:51:51,170 And this is this is like a page that has already been written by by itself. 690 00:51:51,750 --> 00:51:57,330 And remember, you are the one who designed the the duct tape, so you know everything you want. 691 00:51:57,630 --> 00:52:02,790 And therefore, this button in terms of creating this is supposed to be doing anything that you like 692 00:52:02,790 --> 00:52:09,450 to do in terms of creating, but in terms of displaying, you may be needing some information to be 693 00:52:09,450 --> 00:52:11,280 hidden from some people for some reason. 694 00:52:11,280 --> 00:52:12,750 Maybe it is private or something. 695 00:52:13,320 --> 00:52:16,170 That is where we need to create custom pages focused on pages. 696 00:52:16,170 --> 00:52:21,360 Mostly I find them being used to do display work rather than create. 697 00:52:25,270 --> 00:52:30,850 OK, OK, I see I read only pages, not, uh. 698 00:52:31,250 --> 00:52:32,740 Yes, yes, yes. 699 00:52:35,040 --> 00:52:37,560 OK, any question? 700 00:52:42,670 --> 00:52:43,680 There's no question. 701 00:52:45,140 --> 00:52:56,910 Uh, customising to trade school books, you have, uh, previous open questions from need to trade 702 00:52:56,910 --> 00:52:58,980 school books, from last sessions. 703 00:53:00,020 --> 00:53:03,750 Uh, if we are, can we close some of them? 704 00:53:03,930 --> 00:53:07,140 Guaranies, is there any answer ready for that? 705 00:53:11,860 --> 00:53:13,900 Have you worked on this, Karen? 706 00:53:16,620 --> 00:53:19,440 If you open the page. 707 00:53:21,190 --> 00:53:23,650 Open doubts you have access to open doubts. 708 00:53:25,970 --> 00:53:28,020 Let me let me share my screen. 709 00:53:29,550 --> 00:53:33,520 Oh, sorry, I have not worked on them, I have been talking with them on my commute. 710 00:53:33,580 --> 00:53:37,680 Sorry, I have not worked on them. 711 00:53:39,240 --> 00:53:42,180 What we can do, I can look at them on Wednesday first thing. 712 00:53:43,930 --> 00:53:47,330 So, yeah, I think yeah. 713 00:53:47,610 --> 00:53:48,780 Let me look at them on Wednesday. 714 00:53:48,780 --> 00:53:50,110 First in time. 715 00:53:50,590 --> 00:53:56,150 OK, no show like just high level. 716 00:53:57,270 --> 00:54:02,740 There are one, two, three, four, five, six points. 717 00:54:03,590 --> 00:54:06,780 You actually I would share my screen once again. 718 00:54:14,200 --> 00:54:16,200 OK, yeah. 719 00:54:20,640 --> 00:54:23,880 So let's start by the end. 720 00:54:26,130 --> 00:54:31,710 So I asked her to print the world's original on first page. 721 00:54:33,030 --> 00:54:42,780 They have a requirement to print the invoice on three copies, first copies, second and third copy 722 00:54:42,780 --> 00:54:43,620 in the same time. 723 00:54:44,490 --> 00:54:49,390 You remember, they used the blue paper carbon copy. 724 00:54:49,920 --> 00:54:57,030 So here in the similarly, they want to print the invoice and the three copies. 725 00:54:57,030 --> 00:55:02,970 The first one is original and second copy is duplicate. 726 00:55:03,300 --> 00:55:04,620 That one is duplicate. 727 00:55:06,080 --> 00:55:15,980 XPoint point is calling just will will give hints and help how to solve this point, since it is not 728 00:55:16,430 --> 00:55:24,680 in our scope, we can help them, how to guidance, we can provide kind of guidance. 729 00:55:25,340 --> 00:55:32,330 So William still asking us to use the standard API usage? 730 00:55:32,360 --> 00:55:33,110 Oh yeah. 731 00:55:33,470 --> 00:55:35,360 OK, yeah that is good. 732 00:55:35,360 --> 00:55:35,920 My mind. 733 00:55:36,380 --> 00:55:38,690 Yeah, yeah, yeah. 734 00:55:38,700 --> 00:55:43,220 I consume external API by early next. 735 00:55:45,330 --> 00:55:47,790 Like, I'm not what we did. 736 00:55:48,580 --> 00:55:51,610 Yeah, it is a closed right. 737 00:55:53,080 --> 00:55:54,780 This is undeceived. 738 00:55:54,780 --> 00:55:57,030 Muhammad Ali has something pending. 739 00:56:00,200 --> 00:56:07,130 Actually, Muhammad Ali from Riyadh, from Riyadh, Saudi Arabia, he asked how to get the exchange 740 00:56:07,130 --> 00:56:09,740 rate, I remember from bank. 741 00:56:12,110 --> 00:56:12,610 Yes. 742 00:56:14,360 --> 00:56:22,970 So we didn't see this that is still pending because remember, you said something on some function that 743 00:56:22,970 --> 00:56:23,940 had already been written. 744 00:56:23,960 --> 00:56:26,120 So what they needed to be just consumate. 745 00:56:28,390 --> 00:56:33,290 U.S. consulate, consume, consume, consume external API. 746 00:56:34,510 --> 00:56:39,520 We saw this, we saw how to consume external API by our next. 747 00:56:41,450 --> 00:56:50,120 Yes, we did OK extensively, unless maybe he is stuck somewhere, we can help, but we did it. 748 00:56:50,120 --> 00:56:51,290 We did it extensively. 749 00:56:52,740 --> 00:57:00,920 It is in the rule book or the previous one, a position that's an EPA, that is an EPA imposition. 750 00:57:01,380 --> 00:57:02,330 Yes, yes. 751 00:57:02,860 --> 00:57:09,260 OK, so this one our company have online store acquired again. 752 00:57:10,320 --> 00:57:11,370 We OK. 753 00:57:11,500 --> 00:57:13,500 So this was closed, right? 754 00:57:15,340 --> 00:57:18,750 So what happens now is whenever we got this close. 755 00:57:19,240 --> 00:57:28,100 Correct, we give a high level guidance, which we created this on our website. 756 00:57:28,960 --> 00:57:29,200 Yeah. 757 00:57:29,350 --> 00:57:31,990 And by the way, I also did a YouTube video. 758 00:57:31,990 --> 00:57:40,720 I don't know whether the artist did fall for our book from an external application, sending data to 759 00:57:40,720 --> 00:57:41,380 your next. 760 00:57:43,630 --> 00:57:44,900 OK, great. 761 00:57:45,640 --> 00:57:56,290 So another resource available for this point I need to trace were books Ifield receiving Ifield how 762 00:57:56,290 --> 00:57:57,100 to retrieve. 763 00:57:58,860 --> 00:58:10,980 Is one race last time we saw there is some e-mail sent to us by system when it is felt there is error 764 00:58:10,980 --> 00:58:20,580 message you need to enable sending to administrator, but by code, I'm not sure if there is any method 765 00:58:20,580 --> 00:58:25,620 to trace this Web hoax when it faith or success by code. 766 00:58:31,480 --> 00:58:39,800 You got it Karani, you got a question or we can keep it open till we have an answer for this point, 767 00:58:39,850 --> 00:58:41,690 which is not how to implement custom. 768 00:58:42,070 --> 00:58:48,430 So it was no, no, this need to trace were books. 769 00:58:52,480 --> 00:58:53,480 OK, here. 770 00:58:53,530 --> 00:59:02,480 OK, here on this one, this one we saw that Europeanised is trying three times by itself. 771 00:59:03,030 --> 00:59:03,760 Yes. 772 00:59:05,240 --> 00:59:14,140 When it fails, it sends an email to an admin, yes, to whichever email address you have set up this. 773 00:59:16,620 --> 00:59:19,200 So is there anything else that is spending here? 774 00:59:20,200 --> 00:59:21,970 I mean, they could be called. 775 00:59:24,140 --> 00:59:35,450 Could you, uh, could you write the code means you have you receive an answer from the external system, 776 00:59:36,020 --> 00:59:43,250 a feedback on your action means it is completed successfully or completed. 777 00:59:43,250 --> 00:59:45,080 The failure just failed. 778 00:59:45,920 --> 00:59:54,950 And in your code, you receive this message, this feedback, like you do in JavaScript, you use a 779 00:59:54,950 --> 00:59:56,120 call function, right? 780 00:59:57,490 --> 01:00:04,160 This call function, it is sending a request to Python. 781 01:00:04,170 --> 01:00:08,090 Then Python will run dippie a squirrel. 782 01:00:08,090 --> 01:00:09,320 Then you will get data. 783 01:00:09,320 --> 01:00:14,820 And if any result, you will get it in your JavaScript. 784 01:00:15,560 --> 01:00:18,500 So based on the result, you will continue. 785 01:00:18,530 --> 01:00:22,230 You will test if it is success, failure and so on. 786 01:00:22,550 --> 01:00:34,370 So the idea is to build the coding inside your function to know the result of the work groups will call 787 01:00:34,610 --> 01:00:34,790 you. 788 01:00:36,160 --> 01:00:38,010 Is it failed or successful? 789 01:00:38,270 --> 01:00:39,890 I get you, I get your money. 790 01:00:40,040 --> 01:00:41,980 I look at it and leave it. 791 01:00:43,280 --> 01:00:44,670 Yeah, it's OK. 792 01:00:45,650 --> 01:00:51,140 And how to implement custom team work asked me last time. 793 01:00:51,680 --> 01:00:57,280 So Custom team is something you reply to this question and the beginning, right? 794 01:00:57,620 --> 01:00:58,070 Yes. 795 01:00:59,730 --> 01:01:00,090 OK. 796 01:01:01,040 --> 01:01:01,610 And so. 797 01:01:12,030 --> 01:01:17,310 Thank you very much, guys, if any question for today's. 798 01:01:21,680 --> 01:01:22,890 Yes, hello. 799 01:01:23,420 --> 01:01:31,010 Yes, it's so simple, I just I have an extra question, yes. 800 01:01:31,460 --> 01:01:41,570 Users, users that we add to the page or document or whatever, the components that we are creating. 801 01:01:43,820 --> 01:01:44,510 Oh. 802 01:01:45,550 --> 01:01:46,570 If if we. 803 01:01:49,120 --> 01:01:59,440 If we work with with a it that will be suppose as a local users or producers. 804 01:02:01,740 --> 01:02:13,440 For example, if I create a user user test on my local machine and then I push over to, uh, remote 805 01:02:14,460 --> 01:02:15,100 Époque. 806 01:02:16,920 --> 01:02:19,620 It will be shared with other developers. 807 01:02:27,390 --> 01:02:29,300 Yes, Karen, you good question. 808 01:02:30,600 --> 01:02:31,980 No, I don't get it. 809 01:02:33,330 --> 01:02:43,230 Actually, he had he's working on his local machine, for example, as a developer, and he had user, 810 01:02:43,620 --> 01:02:48,270 end user, end user on the application for testing the. 811 01:02:49,740 --> 01:02:53,050 So it's question now, is this user created? 812 01:02:53,340 --> 01:02:58,890 Does it push it along with your code and get or it is only local. 813 01:02:59,920 --> 01:03:08,890 No, it is that user is local because get when you push to get you not post data. 814 01:03:10,690 --> 01:03:18,400 The only thing that is supposed to get is the code, so all the detail that you have locally will remain 815 01:03:18,400 --> 01:03:19,030 local. 816 01:03:20,140 --> 01:03:23,650 The only way that that can be pushed. 817 01:03:25,250 --> 01:03:29,210 In fact, it is it can't be it can't go to get that data will remain local. 818 01:03:31,090 --> 01:03:32,290 OK, yeah. 819 01:03:34,790 --> 01:03:38,740 Uh, you got to answer them. 820 01:03:38,980 --> 01:03:40,490 Yes, thank you. 821 01:03:41,230 --> 01:03:43,100 Just one more question. 822 01:03:43,600 --> 01:03:44,740 Um. 823 01:03:47,250 --> 01:03:51,990 OK, what are others that are that are not? 824 01:03:53,780 --> 01:03:55,340 Push it to, uh. 825 01:03:57,880 --> 01:04:00,870 To do remote terrible. 826 01:04:03,320 --> 01:04:07,640 What are others things that stay on local? 827 01:04:09,000 --> 01:04:10,680 As local data. 828 01:04:13,560 --> 01:04:21,390 You know, Osama or the or the data that you have in your database will not be pushed to get whether 829 01:04:21,390 --> 01:04:26,010 it is the remote Guiteau, the the local one, everything will remain on you. 830 01:04:26,010 --> 01:04:33,900 For instance, there, if you push if you do, I get to push in another developer team does I get pool. 831 01:04:34,260 --> 01:04:37,410 They will not get the data that you have. 832 01:04:38,750 --> 01:04:44,220 The only way, the only way that we are going to see how to implement that and make it possible may 833 01:04:44,220 --> 01:04:51,620 be to to have developers accessing even the data is when we do the fixtures, when we cover fixtures, 834 01:04:52,200 --> 01:04:55,290 the roof fixtures, we are able to get data from a developer to another. 835 01:04:57,410 --> 01:05:04,430 So all the or so, all that data you have sitting on your database will not be pushed to get an. 836 01:05:08,070 --> 01:05:22,410 And how can I know if that is that the actions that I am executing from the UI that are performed or 837 01:05:22,420 --> 01:05:30,330 transform it to go down there and how can I take it that are it's got. 838 01:05:32,820 --> 01:05:43,920 OK, now, Matt, my question, my question, is there any any documentation that that data that stay 839 01:05:43,950 --> 01:05:53,490 on local repo or local machine and it's not the push of the to the remote repo. 840 01:05:55,850 --> 01:06:03,410 Now, OK, there is no documentation of Osama, but basically anything that we are able to access on 841 01:06:03,410 --> 01:06:09,550 your file system, that is, you know, the difference between the database, right? 842 01:06:10,700 --> 01:06:11,380 Yes, sure. 843 01:06:12,050 --> 01:06:19,190 Still, everything that is on your file system will be used to get on, except except maybe the files 844 01:06:19,190 --> 01:06:21,650 that this file could get, you know. 845 01:06:23,890 --> 01:06:26,960 OK, yeah, that's good, that's not data. 846 01:06:27,460 --> 01:06:30,300 Yeah, yes, so they get ignored, know they get Technofile. 847 01:06:30,730 --> 01:06:34,570 That is what defines what you don't want to push to get up. 848 01:06:34,590 --> 01:06:42,430 So anything else that is on your file system will be pushed to get anything that is on the database, 849 01:06:42,590 --> 01:06:44,530 will not be pushed to get. 850 01:06:49,730 --> 01:06:50,140 OK. 851 01:06:52,200 --> 01:06:54,170 Yes, is the answer your question? 852 01:06:55,610 --> 01:07:05,480 Yeah, I just now I have, let's say, a partial question, we have mothers and daughters sitting that 853 01:07:05,510 --> 01:07:07,950 are not pushed to do it. 854 01:07:08,420 --> 01:07:08,750 Mm hmm. 855 01:07:09,800 --> 01:07:10,100 Okay. 856 01:07:12,440 --> 01:07:23,450 So, yes, is there any any anything in the database, it will not be pushed to get any anything a database? 857 01:07:23,480 --> 01:07:32,090 You mean you manipulated from front end like create user, create article, create supplier, anything 858 01:07:32,090 --> 01:07:37,180 you created as a data and save it in the database from front end? 859 01:07:37,670 --> 01:07:38,300 It is not. 860 01:07:38,300 --> 01:07:40,820 Push it along with your get comment. 861 01:07:41,740 --> 01:07:50,550 So what is posted in the gate, whatever you edit as a code and voice code, you you are editing you, 862 01:07:50,670 --> 01:07:58,290 you add the functions, you add JavaScript, you add faith in, you add Ginge to a template. 863 01:07:58,840 --> 01:08:01,780 So those files are moving to get. 864 01:08:03,650 --> 01:08:14,750 Yeah, OK, and about the users, the users that I'm creating on my local machine, and it's it's a 865 01:08:14,750 --> 01:08:24,950 development environment, if I if I deploy the solution as a four in into production environment. 866 01:08:26,530 --> 01:08:28,780 Do they represent key users? 867 01:08:30,560 --> 01:08:41,030 Or or I have to configure the application to add to create the new users a new account for users. 868 01:08:42,050 --> 01:08:44,300 You have to recreate them in production. 869 01:08:49,470 --> 01:08:51,880 OK, you have to recreate. 870 01:08:52,100 --> 01:09:05,270 You have to recreate them or what is it is it possible to migrate the data, the database from the development 871 01:09:05,270 --> 01:09:07,580 environment to production environment? 872 01:09:08,880 --> 01:09:10,180 That's possible or not. 873 01:09:10,640 --> 01:09:12,720 It is not in this direction. 874 01:09:12,770 --> 01:09:22,100 Usually we do a clone of database backup database backup from production to development and not the 875 01:09:22,940 --> 01:09:29,120 vaccine, not from development to production, because production is running its official data that 876 01:09:29,420 --> 01:09:36,620 you cannot put data from development, from backend especially and data and development. 877 01:09:36,620 --> 01:09:37,590 It is not clean. 878 01:09:37,880 --> 01:09:42,560 Most of the time is testing and it is not something official. 879 01:09:42,830 --> 01:09:44,980 No one knows about this data. 880 01:09:46,340 --> 01:09:47,030 You got it. 881 01:09:47,060 --> 01:09:49,340 So what do you do in development? 882 01:09:49,340 --> 01:09:56,180 You do a clone from a production database and bring it into your development. 883 01:09:57,080 --> 01:10:05,390 So there is a method to coffee database from production to development, and you will get fresh data 884 01:10:05,390 --> 01:10:06,290 from production. 885 01:10:08,720 --> 01:10:19,090 Now, Phil, actually, what we do in other projects is that we have the pre prepared stage environments. 886 01:10:19,560 --> 01:10:20,140 Yes. 887 01:10:20,420 --> 01:10:25,040 Which is the play, the preproduction environment. 888 01:10:25,400 --> 01:10:26,050 Yes. 889 01:10:26,300 --> 01:10:36,180 And if everything is where we are, we use or we migrate the same database to production, you see. 890 01:10:36,890 --> 01:10:37,340 Yes. 891 01:10:37,340 --> 01:10:41,320 I think we will cover this in our agenda. 892 01:10:41,330 --> 01:10:41,720 Right. 893 01:10:41,720 --> 01:10:42,230 Karani. 894 01:10:43,500 --> 01:10:45,300 How to deploy in production? 895 01:10:47,390 --> 01:10:49,260 And database migration. 896 01:10:49,280 --> 01:10:54,600 OK, so let's, uh, let's set for another time, so it's okay for me. 897 01:10:54,620 --> 01:10:56,240 Thank you, Karani, for that answer. 898 01:10:56,730 --> 01:10:57,590 You're welcome. 899 01:10:58,030 --> 01:10:58,600 You're welcome. 900 01:10:59,100 --> 01:11:00,020 Uh. 901 01:11:00,950 --> 01:11:09,250 Lust, that is the question, but time is running will keep this question and the other coming session. 902 01:11:09,260 --> 01:11:13,490 So again tomorrow we don't have class, so we meet. 903 01:11:14,030 --> 01:11:17,940 We meet the day after tomorrow, OK? 904 01:11:19,080 --> 01:11:21,600 So thank you very much for your time and. 905 01:11:23,250 --> 01:11:30,440 I'm broke, I broke my back, my mother, thank you. 906 01:11:32,850 --> 01:11:36,050 I'm not sure I like.